Skip to content

feat(logs): Move continue scanning into full button#112351

Merged
nsdeschenes merged 9 commits intomasterfrom
nd/LOGS-644/feat-logs-move-continue-scanning-into-full-button
Apr 7, 2026
Merged

feat(logs): Move continue scanning into full button#112351
nsdeschenes merged 9 commits intomasterfrom
nd/LOGS-644/feat-logs-move-continue-scanning-into-full-button

Conversation

@nsdeschenes
Copy link
Copy Markdown
Contributor

@nsdeschenes nsdeschenes commented Apr 7, 2026

This PR refreshes the continue scanning logs experience to really call out to users that they're able to continue scanning for more data, as the previous setup was a bit harder to read.

Refs LOGS-644

Example:

No Logs Found:

Screenshot 2026-04-07 at 10 35 34

Continue Scanning:

Screenshot 2026-04-07 at 10 35 44

@linear-code
Copy link
Copy Markdown

linear-code bot commented Apr 7, 2026

@github-actions github-actions bot added the Scope: Frontend Automatically applied to PRs that change frontend components label Apr 7, 2026
Copy link
Copy Markdown
Contributor

@cursor cursor bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Cursor Bugbot has reviewed your changes and found 4 potential issues.

Autofix Details

Bugbot Autofix prepared fixes for all 4 issues found in the latest run.

  • ✅ Fixed: Refactored component loses padding-bottom between text elements
    • Added paddingBottom='md' prop to Container in EmptyStateText to restore vertical spacing between stacked text elements.
  • ✅ Fixed: Text color changes from secondary to primary
    • Added variant='muted' prop to Text component in EmptyStateText to restore the original secondary/muted color.
  • ✅ Fixed: Uses deprecated style prop instead of align prop
    • Replaced deprecated style={{textAlign}} with align prop on Text component following project guidelines.
  • ✅ Fixed: Icon variant change affects all empty states app-wide
    • Reverted IconSearch variant from 'accent' back to 'muted' in EmptyStateWarning to avoid unintended app-wide visual changes.

Create PR

Or push these changes by commenting:

@cursor push 0f4f056186
Preview (0f4f056186)
diff --git a/static/app/components/emptyStateWarning.tsx b/static/app/components/emptyStateWarning.tsx
--- a/static/app/components/emptyStateWarning.tsx
+++ b/static/app/components/emptyStateWarning.tsx
@@ -19,13 +19,13 @@
   return small ? (
     <EmptyMessage className={className}>
       <SmallMessage>
-        {withIcon && <StyledIconSearch variant="accent" size="lg" />}
+        {withIcon && <StyledIconSearch variant="muted" size="lg" />}
         {children}
       </SmallMessage>
     </EmptyMessage>
   ) : (
     <EmptyStreamWrapper data-test-id="empty-state" className={className}>
-      {withIcon && <IconSearch variant="accent" legacySize="54px" />}
+      {withIcon && <IconSearch variant="muted" legacySize="54px" />}
       {children}
     </EmptyStreamWrapper>
   );

diff --git a/static/app/views/explore/tables/tracesTable/styles.tsx b/static/app/views/explore/tables/tracesTable/styles.tsx
--- a/static/app/views/explore/tables/tracesTable/styles.tsx
+++ b/static/app/views/explore/tables/tracesTable/styles.tsx
@@ -133,8 +133,12 @@
   textAlign?: CSSProperties['textAlign'];
 }) {
   return (
-    <Container>
-      <Text size={size} style={{textAlign}}>
+    <Container paddingBottom="md">
+      <Text
+        size={size}
+        variant="muted"
+        align={textAlign as 'left' | 'center' | 'right' | 'justify'}
+      >
         {children}
       </Text>
     </Container>

This Bugbot Autofix run was free. To enable autofix for future PRs, go to the Cursor dashboard.

Comment thread static/app/views/explore/tables/tracesTable/styles.tsx
Comment thread static/app/views/explore/tables/tracesTable/styles.tsx Outdated
Comment thread static/app/views/explore/tables/tracesTable/styles.tsx Outdated
Comment thread static/app/components/emptyStateWarning.tsx Outdated
nsdeschenes and others added 3 commits April 7, 2026 10:13
Keep EmptyStateWarning muted by default so other consumers do not inherit
logs-specific icon styling. Let the logs table opt into the accent variant
explicitly.

Refs LOGS-644
Co-Authored-By: GPT-5.4 <noreply@openai.com>

Made-with: Cursor
Replace the deprecated inline text alignment style with the supported
Text align prop for the traces table empty state. Keep the component
typed against the responsive align values exposed by scraps.

Co-Authored-By: GPT-5.4 <noreply@openai.com>
Made-with: Cursor
Preserve the previous secondary text color for traces table empty states.
Without the muted variant, the new Text primitive falls back to the
primary token and makes the empty state copy appear bolder.

Co-Authored-By: GPT-5.4 <noreply@openai.com>
Made-with: Cursor
@nsdeschenes nsdeschenes marked this pull request as ready for review April 7, 2026 13:37
@nsdeschenes nsdeschenes requested a review from a team as a code owner April 7, 2026 13:37
Copy link
Copy Markdown
Contributor

@cursor cursor bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Cursor Bugbot has reviewed your changes and found 1 potential issue.

Fix All in Cursor

❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.

Reviewed by Cursor Bugbot for commit 3678ef9. Configure here.

Comment thread static/app/views/explore/tables/tracesTable/styles.tsx
Copy link
Copy Markdown
Member

@JoshuaKGoldberg JoshuaKGoldberg left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🆒 !

Comment thread static/app/components/emptyStateWarning.tsx Outdated
Comment thread static/app/views/explore/logs/tables/logsInfiniteTable.tsx
${p => p.textAlign && `text-align: ${p.textAlign}`};
`;
textAlign?: Responsive<'left' | 'center' | 'right' | 'justify'>;
}) {
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

[Praise] Nice use of the design system 🙂 I like this!

Render `EmptyStateText` as a `div` so loading states can safely include
block-level children like `LoadingIndicator` without invalid HTML.

Refs LOGS-644
Co-Authored-By: GPT-5.4 <noreply@openai.com>

Made-with: Cursor
@nsdeschenes nsdeschenes merged commit cf81d6d into master Apr 7, 2026
68 checks passed
@nsdeschenes nsdeschenes deleted the nd/LOGS-644/feat-logs-move-continue-scanning-into-full-button branch April 7, 2026 14:31
george-sentry pushed a commit that referenced this pull request Apr 9, 2026
This PR refreshes the continue scanning logs experience to really call
out to users that they're able to continue scanning for more data, as
the previous setup was a bit harder to read.

Refs LOGS-644

---------

Co-authored-by: GPT-5.4 <noreply@openai.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Scope: Frontend Automatically applied to PRs that change frontend components

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants